<template>
  <div>
    <AsycOne @handleTips="handleTips"></AsycOne>
    <AsycTwo @handleTips="handleTips"></AsycTwo>
    <AsycThree @handleTips="handleTips"></AsycThree>
  </div>
</template>

<script>
import AsycOne from "./components/AsycComponents/AsycOne.vue";
import AsycTwo from "./components/AsycComponents/AsycTwo.vue";
import AsycThree from "./components/AsycComponents/AsycThree.vue";
export default {
  components: {
    AsycOne,
    AsycTwo,
    AsycThree,
  },
  data() {
    return {
      tipsObj: {},
    };
  },
  created() {},
  methods: {
    handleTips(index, tip) {
      this.tipsObj[`tip${index}`] = tip;
      // console.log("Object.values(this.tipsObj)", Object.values(this.tipsObj));
      if (Object.values(this.tipsObj).indexOf("no") === -1) {
        // alert("hahahah");
        this.$nextTick(() => {
          this.$message.info("数据加载完毕");
        });
      }
    },
  },
};
</script>
<style lang="less" scoped></style>
